<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>订戏下单 - 订戏会</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=9,Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" /><link href="css/src/ui-choose.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>

<body>
<div class="head-nav">
	<div class="head-left"><a href="#1"><div class="back">返回</div></a></div>
	<div class="head-center">演出信息发布</div>
	<div class="head-right"><a href="#"><div class="shuoming"></div></a></div>
</div>
<form action="" method="post" name="publishForm" id="publishForm">
<input name="todo" type="hidden" value="todo">
<input name="goods_id" type="hidden" value="<?php echo $id;?>">
<input name="pcode" type="hidden" value="<?php echo $pcode;?>">
<input name="smstype" id="smstype" type="hidden" value="mobilecheck">
<div class="mod-form">
	<div class="order-box">
		<div class="form-goods">
			<div class="order-img"><img src='<?php echo $row["goods_image"];?>'></div>
			<div class="order-price">
				<h1><?php echo $row["goods_name"];?></h1>
				<p>演出费用：<font color="#FF0000"><?php echo $row["goods_price"];?></font>元</p>
				<p>预交订金：<font color="#FF0000"><?php echo $row["book_down_payment"];?></font>元</p>
			</div>		
		</div>
	</div>
	<div class="order-box">
		<div class="form-datetime" style="background:#FFFFFF;">
			<h1>选择演出日期</h1>
			<span>2017年11月</span>
			<ul style="background:#66CCFF;border-top:#E5E5E5 1px solid;">
				<li style="background:url(images/border.jpg) repeat-y top right;">周日</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周一</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周二</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周三</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周四</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周五</li>
				<li>周六</li>
			</ul>
			<ul>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em>1</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>2</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>3</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>4</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>5</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>6</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>7</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>8</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>9</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>10</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>11</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>12</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>13</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>14</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>15</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>16</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>17</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>18</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>19</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>20</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>21</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>22</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>23</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>24</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>25</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>26</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>27</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>28</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>29</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>30</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
			</ul>		
			<span>2017年12月</span>
			<ul style="background:#66CCFF;border-top:#E5E5E5 1px solid;">
				<li style="background:url(images/border.jpg) repeat-y top right;">周日</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周一</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周二</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周三</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周四</li>
				<li style="background:url(images/border.jpg) repeat-y top right;">周五</li>
				<li>周六</li>
			</ul>
			<ul>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em>1</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>2</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>3</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>4</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>5</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>6</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>7</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>8</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>9</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>10</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>11</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>12</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>13</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>14</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>15</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>16</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>17</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>18</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>19</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>20</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>21</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>22</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>23</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>24</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>25</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>26</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>27</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>28</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>29</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>30</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em>31</em>
					<i>&yen;10000</i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
				<li>
					<em></em>
					<i></i>
				</li>
			</ul>		
		</div>
	</div>
	
	<div class="order-box">
		<div class="orderinfo">
			<div class="order-info">
				<label>联系人</label>
				<input type="text" maxlength="20" id="nickname" name="nickname" placeholder="请填写联系人姓名">
			</div>
			<div class="order-info">
				<label>手机号码</label>
				<input type="text" maxlength="11" id="mobile" name="mobile" placeholder="请填写联系人手机号码">
			</div>
			<div class="order-info">
				<label>验证码</label>
				<input id="code" name="code" type="text" placeholder="请输入验证码" maxlength="4">
			    <span class="code"><img id="imgCode" src="include/verify.php" alt="请输入验证码"></span>			
			</div>
			<div class="order-info">
				<label>动态码</label>
				<input type="text" maxlength="6" id="smscode" name="smscode" placeholder="请输入短信验证码">
				<span class="code-box"><input id="zphone" type="button" value=" 获取手机验证码 " class="btn"></span>
			</div>
		</div>
	</div>
	
	<div class="order-box">
		<div class="payway">
			<h1>请选择支付方式</h1>
			<ul>
				<li>
					<input type="radio" name="payment" id="payment" value="wechatPay" checked>
					<img src="images/wechatPay.jpg"/>
					<label>微信支付</label>
				</li>
				<!--
				<li>
					<input type="radio" name="payment" id="payment" value="aliPay">
					<img src="../images/AliPay.jpg" />
					<label>支付宝支付</label>
				</li>
				-->
			</ul>
		</div>
	</div>	
	<div class="form-button"><input name="s" type="submit" id="s" value="提&nbsp;&nbsp;交"></div>
	<div class="form-readme"><p>我已阅读并同意<font color="#0099FF">《网演中国服务条款》</font></p></div><br>
</div>
</form>

<footer id="bar-fixed">
	<a href="index.php" class="tab-item"><i class="icon-tabbar bar-home"></i>首页</a>
	<a href="category.php" class="tab-item active"><i class="icon-tabbar bar-message2"></i>分类</a>
	<a href="publish/" class="tab-item"><i class="icon-tabbar bar-publish"></i>发布</a>	
	<a href="user/" class="tab-item"><i class="icon-tabbar bar-user"></i>我</a>
</footer>
<script src="js/src/jquery-1.11.0.min.js"></script>
<script src="js/src/ui-choose.js"></script>
<script>
	// 将所有.ui-choose实例化
	$('.ui-choose').ui_choose();
	// uc_04 select 多选
	var uc_04 = $('#uc_04').ui_choose();
//	uc_04.click = function(value, item) {
//
//	    console.log('click', value);
//
//	};
//
//	uc_04.change = function(value, item) {
//
//	    console.log('change', value);
//
//	};		//点击手机验证码	function clickGetMobileCode(){		$('#zphone').click(function(){			get_mobile_code()		})	}	clickGetMobileCode();		//获取手机验证码	function get_mobile_code(){        $.post('../user/sms.php', {mobile:jQuery.trim($('#mobile').val()),send_code:jQuery.trim($('#code').val()),smstype:jQuery.trim($('#smstype').val())}, function(msg) {            alert(jQuery.trim(unescape(msg)));			if(msg=='短信发送成功'){				RemainTime();			}        });	};	var iTime = 59;	var Account;	function RemainTime(){		document.getElementById('zphone').disabled = true;		var iSecond,sSecond="",sTime="";		if (iTime >= 0){			iSecond = parseInt(iTime%60);			iMinute = parseInt(iTime/60)			if (iSecond >= 0){				if(iMinute>0){					sSecond = iMinute + "分" + iSecond + "秒";				}else{					sSecond = iSecond + "秒";				}			}			sTime=sSecond;			if(iTime==0){				clearTimeout(Account);				sTime='获取手机验证码';				iTime = 59;				document.getElementById('zphone').disabled = false;			}else{				Account = setTimeout("RemainTime()",1000);				iTime=iTime-1;			}		}else{			sTime='没有倒计时';		}		document.getElementById('zphone').value = sTime;	}
</script>
</body>
</html>
<?php
$db->close();
exit;
?>